<template>
<input type="text" :value="modelValue" @input="emit('update:modelValue',(<HTMLInputElement>$event.target).value)">
</template>
<script setup lang='ts'>
const emit=defineEmits(['update:modelValue'])

//v-model用于父组件之间传递子组件，子组件是不能双向绑定，v-model默认的就是:modelValue="***",如果要改传入的名称（即不要modelValue）,则须在v-model后面加名称，如v-model.username
defineProps(['modelValue'])
</script>
<style scoped lang='css'>
input{
    height: 36px;
    border: 1px solid black;
    background: linear-gradient(red yellow green);
}
</style>
